<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <title>神探闯关</title> 
  <link type="text/css" rel="stylesheet" href="css/style.css" /> 
     <link type="text/css" rel="stylesheet" href="css/myanimate.css">
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
  <script type="text/javascript" src="js/game1.js"></script>
 </head>
 <body>
     
<!--    游戏失败-->
  <div class="submit_success game_fail"> 
   <div class="submit_success_con center success_p"> 
    <div class="submit_success_close right">
     <img src="images/info_close.png" />
    </div> 
    <div class="clear"></div> 
    <p><img src="images/game_fail.png" /></p> 
    <p>未能找到本尼走的<span>最短</span>路径</p> 
    <p>快快开启你的侦探大脑<br/>
经过5个轮胎<br/>
用<span>最短</span>步数抵达终点吧！</p> 
    <p> <img src="images/success_btn1.jpg" /> </p> 
   </div> 
  </div>
<!--     没有集齐所有轮胎-->
  <div class="submit_success game_notfull"> 
   <div class="submit_success_con center success_p"> 
        <p style="margin-top:320px;"><img src="images/not_full.png" /></p> 
   </div> 
  </div>
   <script type="text/javascript">
              $(".submit_success_close").click(function(){
                $(".submit_success").hide();
              });
              $(".game_notfull").click(function(){
                $(".game_notfull").hide();
              });        
        </script>    
  <div class="warp"> 
   <header> 
    <div class="game1_header"> 
     <div class="left"> 
      <img src="images/index_logo.png" width="188" /> 
     </div> 
     <div class="left"> 
      <img src="images/rule1_logo.png" width="392" /> 
     </div> 
    </div> 
   </header> 
   <div class="count right"> 
    <div class="step"> 
     <span>步数</span> 
     <p>1</p> 
    </div> 
    <div class="time"> 
     <span>TIME</span> 
     <p>0</p> 
    </div> 
   </div> 
   <div class="board"> 
    <ul> 
     <li title="71"></li> 
     <li title="72"></li> 
     <li title="73"></li> 
     <li title="74"></li> 
     <li title="75"></li> 
     <li title="76"></li> 
     <li title="77" style="background:url('images/last.png');" class="last_step"> <img src="images/last_arrow.png" /> </li> 
     <li title="61"></li> 
     <li title="62"></li> 
     <li title="63"></li> 
     <li title="64"></li> 
     <li title="65"></li> 
     <li title="66"></li> 
     <li title="67"></li> 
     <li title="51"></li> 
     <li title="52"></li> 
     <li title="53"></li> 
     <li title="54"></li> 
     <li title="55"></li> 
     <li title="56"></li> 
     <li title="57"></li> 
     <li title="41"></li> 
     <li title="42"></li> 
     <li title="43"></li> 
     <li title="44"></li> 
     <li title="45"></li> 
     <li title="46"></li> 
     <li title="47"></li> 
     <li title="31"></li> 
     <li title="32"></li> 
     <li title="33"></li> 
     <li title="34"></li> 
     <li title="35"></li> 
     <li title="36"></li> 
     <li title="37"></li> 
     <li title="21"></li> 
     <li title="22"></li> 
     <li title="23"></li> 
     <li title="24"></li> 
     <li title="25"></li> 
     <li title="26"></li> 
     <li title="27"></li> 
     <li title="11" style="background:url('images/go_ready.png');"></li> 
     <li title="12"></li> 
     <li title="13"></li> 
     <li title="14"></li> 
     <li title="15"></li> 
     <li title="16"></li> 
     <li title="17"></li> 
    </ul> 
    <div class="go_right">
        <img src="images/go_right.png">   
    </div>
       <div class="go_left">
        <img src="images/go_left.png">   
    </div>
       <div class="go_top">
        <img src="images/go_top.png">   
    </div>
       <div class="go_bottom">
        <img src="images/go_bottom.png">   
    </div>
    <div class="game_car"> 
     <img src="images/game_car.png" width="100" /> 
    </div> 
   </div> 
  </div>  
 </body>
</html>